<template>
    <div class="item">
    <img :src="item.pic" alt="">
    <p>{{item.title}}</p>
    </div>
</template>

<script>
export default {
   props:{
       item:{
           type:Object
       }
   },

    data() {
        return {
            
        };
    },

    mounted() {
        
    },

    methods: {
        
    },
};
</script>

<style  scoped>
.item{
    border: 1px solid #333;
    margin: 20px;
    padding: 10px;
    font-size: 15px;
}
.item img{
   width: 100px;
}

</style>